<script>
	estado_transaccion='<?php echo $estado_transaccion?>';
	estado_correcto='Las actividades se han almacenado exitosamente.';
	estado_incorrecto='Error al intentar guardar las actividades: No se pudo conectar al servidor. Porfavor vuelva a intentarlo.';
</script>
<section>
    <h2>Control de Horas de Becarios</h2>
</section>
<style>
.k-multiselect {
	display: inline-block;
}
</style>
<form name="form_mision" method="post" action="<?php echo base_url()?>index.php/becarios/guardar_actividades">
	<div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Datos de la actividad</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">	
            <h2 class="StepTitle">Selecci&oacute;n de la persona que requiere el transporte</h2>
            
            <p>
                <label for="proyecto" id="lproyecto">Proyecto</label>
                <select name="proyecto" id="proyecto" tabindex="1"  placeholder="[Seleccione...]" class="select" style="width:40%">
                    <?php
                        foreach($proyectos as $val) {
                            echo '
                            <option value="'.$val['id_proyecto'].'">'.ucwords($val['nombre']).'</option>';
                        }
                    ?>
                    </select>
            </p> 
             <p>
                <label for="alumno" id="lalumno">Alumno</label>
                <select name="alumno" id="alumno" tabindex="2" placeholder="[Seleccione...]" class="select" style="width:40%">
                    <?php
                        foreach($becarios as $val) {
                            echo '
                            <option value="'.$val['id_estudiante'].'">'.ucwords($val['estudiante']).'</option>';
                        }
                    ?>
                    </select>
   </p> 
            <p style="margin-left: 5%; width:90%;">
                Para agregar una nueva actividad de click  en la imagen <a title="Agregar actividad" id="opendialog" ><img src="<?php echo base_url()?>img/actividad.png" /></a>
                <a rel="leanModal" href="#ventana" id="aux" ></a>
            </p>
      	    <p>
            	<table cellspacing="0" align="center" class="table_design">
                    <thead>
                        <th>
                            Actividad
                        </th>
                         <th>
                            Fecha
                        </th>  
                        <th>
                            Numero de horas
                        </th>  
                        <th>
                            Numero de horas acumuladas
                        </th>
                        <th width="80">
                            Acci&oacute;n
                        </th>
                    </thead>
                    <tbody id="content_table">
                    </tbody>
                </table>
            </p>
        </div>
    </div>
</form>
<div id="ventana" style="height:390px">
	<div id="signup-header">
        <h2>Agregar Actividad</h2>
        <a class="modal_close"></a>
    </div>
    <form id="formu_destino" name="formu_destino" method="post">
        <input type="hidden" id="accion"  value="1"/>
        <input type="hidden" id="id"  />
        <fieldset>
            <legend align="left">Información de la actividad</legend>
            <p>
                <label for="fecha" id="lfecha">Fecha: </label>
                <input type="text" tabindex="2"   id="fecha" name="fecha"/>
            </p> 
            <p>
            	<label for="horas" id="lhoras">Horas trabajadas: </label>
				<input type="text" tabindex="2"  style="width:263px;" id="horas" name="horas"/>
          	</p> 
            <p>
                <label for="actividad" id="lactividad" class="label_textarea">Actividad</label>
                <textarea class="tam-4" id="actividad" tabindex="10" name="actividad"/></textarea>
            </p>
		</fieldset>
        <p style="text-align: center;">
            <button type="button" id="agregar" class="boton_validador">Agregar</button>
        </p>
  	</form>
</div>
<script src="<?php echo base_url()?>js/views/horas_becario.js" type="text/javascript"></script>
<script type="text/javascript">

//var cmbProyecto =$('#proyecto').kendoDropList();

</script>